<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Blandes - homepage Layout 2</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel='stylesheet' id='rs-settings-css'  href='css/settings.css' type='text/css' media='all' />
<link rel='stylesheet' id='rs-captions-css'  href='css/captions.css' type='text/css' media='all' />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type='text/javascript' src='./js/jquery.themepunch.revolution.min.js'></script>
</head>

<body class="responsive">

<!-- mobile menu Starts Here-->
<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 current-menu-parent"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603"><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->

<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
              
              <!-- logo -->
              
              <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 current-menu-parent"><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 "><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603"><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>

<!-- rev  slider -->

<div id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
  <div id="rev_slider_3_1" class="rev_slider fullwidthabanner" >
    <ul>
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > <img src="images/slide-bg1.jpg"  alt="slide-bg1"  data-fullwidthcentering="on">
        <div class="tp-caption fade"
					 data-x="50" 
					 data-y="0" 					 data-speed="500" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/man1.png" alt="Image 2"> </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="150" 					 data-speed="400" 
					 data-start="800" 
					 data-easing="easeOutExpo"  >Welcome to Blandes </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="198" 					 data-speed="400" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  > <span>A clean Template</span> </div>
        <div class="tp-caption bg-subtitle fade"
					 data-x="575" 
					 data-y="270" 					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >Blandes is incridbly flexible , Ultra Modern , Beautiful <br />

          and Robustic
          html template created for business </div>
        <div class="tp-caption fade bg-buttons"
					 data-x="570" 
					 data-y="360" 					 data-speed="300" 
					 data-start="1700" 
					 data-easing="easeOutExpo"  ><a href='#' class='button'>Buy Now</a><a href='#' class='readmore'>Read More<i class="icon-arrow-right6"></i></a> </div>
      </li>
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > <img src="images/slider-bg2.png"  alt="slide-bg1-1140x600"  data-fullwidthcentering="on">
        <div class="tp-caption sfb"
					 data-x="70" 
					 data-y="50" 					 data-speed="300" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/responsive_ipad.png" alt="Image 1"> </div>
        <div class="tp-caption sfb"
					 data-x="340" 
					 data-y="200" 					 data-speed="300" 
					 data-start="700" 
					 data-easing="easeOutExpo"  ><img src="images/responsive_mobile.png" alt="Image 1"> </div>
        <div class="tp-caption bg-title-white sfb"
					 data-x="550" 
					 data-y="155" 					 data-speed="400" 
					 data-start="900" 
					 data-easing="easeOutExpo"  >Ultra Responsive Layout </div>
        <div class="tp-caption bg-title-white sfb"
					 data-x="550" 
					 data-y="200" 					 data-speed="400" 
					 data-start="1300" 
					 data-easing="easeOutExpo"  > <span>with a clean design</span> </div>
        <div class="tp-caption bg-subtitle-white fade"
					 data-x="550" 
					 data-y="270" 					 data-speed="300" 
					 data-start="1700" 
					 data-easing="easeOutExpo">Blandes is fully responsive so your content will look <br />
          great on every
          device and every time </div>
        <div class="tp-caption bg-buttons-white fade"
					 data-x="550" 
					 data-y="355" 					 data-speed="300" 
					 data-start="2100" 
					 data-easing="easeOutExpo"><a href='#' class='button white'>Buy Now</a><a href='#' class='readmore'>Read More<i class="icon-arrow-right6"></i></a></div>
      </li>
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > <img src="images/slide-bg1.jpg"  alt="Slide background"  data-fullwidthcentering="on">
        <div class="tp-caption sfb"
					 data-x="0" 
					 data-y="120" 					 data-speed="400" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/ipad_hand.png" alt="Image 1"> </div>
        <div class="tp-caption sfb"
					 data-x="170" 
					 data-y="155" 					 data-speed="400" 
					 data-start="500" 
					 data-easing="easeOutExpo"  >
          <iframe src='http://player.vimeo.com/video/68433687?title=0&amp;byline=0&amp;portrait=0;api=1' width='365' height='270' style='width:365px;height:270px;'></iframe>
        </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="150" 					 data-speed="400" 
					 data-start="800" 
					 data-easing="easeOutExpo">Easy and Fun to embed </div>
        <div class="tp-caption bg-title sfb"
					 data-x="570" 
					 data-y="195" 					 data-speed="400" 
					 data-start="1100" 
					 data-easing="easeOutExpo"><span>youtube videos</span> </div>
        <div class="tp-caption bg-subtitle fade"
					 data-x="570" 
					 data-y="265" 					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >Lorem ipsum dolor sit amet, consectetur adipiscing elit <br />
          Phasellus non cursus augue, ac eleifend odio.</div>
        <div class="tp-caption bg-buttons fade"
					 data-x="570" 
					 data-y="350" 					 data-speed="300" 
					 data-start="2100" 
					 data-easing="easeOutExpo"><a href='#' class='button'>Buy Now</a><a href='#' class='readmore'>Read More<i class="icon-arrow-right6"></i></a></div>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript">

								
				var revapi3;
				
				jQuery(document).ready(function() {
				
				if (jQuery.fn.cssOriginal != undefined)
					jQuery.fn.css = jQuery.fn.cssOriginal;
				
				if(jQuery('#rev_slider_3_1').revolution == undefined)

					revslider_showDoubleJqueryError('#rev_slider_3_1');
				else {
				   revapi3 = jQuery('#rev_slider_3_1').show().revolution(
					{
						delay:9000,
						startwidth:1140,
						startheight:500,
						hideThumbs:200,
						
						thumbWidth:100,
						thumbHeight:50,
						thumbAmount:3,
						
						navigationType:"bullet",
						navigationArrows:"solo",
						navigationStyle:"round",
						
						touchenabled:"on",
						onHoverStop:"on",
						
						navigationHAlign:"center",
						navigationVAlign:"bottom",
						navigationHOffset:0,
						navigationVOffset:30,

						soloArrowLeftHalign:"left",
						soloArrowLeftValign:"center",
						soloArrowLeftHOffset:10,
						soloArrowLeftVOffset:0,

						soloArrowRightHalign:"right",
						soloArrowRightValign:"center",
						soloArrowRightHOffset:10,
						soloArrowRightVOffset:0,
								
						shadow:0,
						fullWidth:"on",
						fullScreen:"off",

						stopLoop:"off",
						stopAfterLoops:-1,
						stopAtSlide:-1,

						shuffle:"off",
						
						hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						startWithSlide:0,
						videoJsPath:"revslider/videojs/",
						fullScreenOffsetContainer: ""	
					});
					
					revapi3.revnext(function(){alert(0)});
				}
				});	//ready
				
				
			</script> 

<!-- END REVOLUTION SLIDER --> 

<!-- Section post -->

<section class="section section-padding-large section-border-yes section-bottom-padding-no section-grey">
  <div class="container">
    <div class="row-fluid">
      <h1 class="textcenter textuppercase" >included everything need to create an awesome website</h1>
       
      <div class="hr aligncenter border-short double-border large-margin"></div>
      <div class="row-fluid">
     
        <div class="span8">
          <div class="">
            <div class="row-fluid style2">
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3>
                      <span class="fontAwesomeIcon style3  "><i class="icon-tools"></i></span>
                      Easy to configure</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3>
                      <span class="fontAwesomeIcon style3  "><i class="icon-mobile"></i></span>
                      Ultra Responsive Layout</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3>
                      <span class="fontAwesomeIcon style3 "><i class="icon-leaf"></i></span>
                      Out of box solution</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3>
                      <span class="fontAwesomeIcon style3"><i class="icon-lifebuoy"></i></span>
                       Awesome Features</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        
           <div class="span4">
          <div class="">
            <div class="gap"></div>
            <div class="accordions">
              <div class="accordion style2" rel="1" >
                <div class="accordion-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Loaded with Awesome features</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras.</div>
                <div class="accordion-title" ><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully Responsive layout</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
                <div class="accordion-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Retina Ready</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
                <div class="accordion-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully out of box solution</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
                
              </div>
            </div>
          </div>
        </div>
        
      </div>
      <div class="gap"></div>
      <div class="row-fluid style2">
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title">
              <span><span data-percentage="2012">2012</span></span>
              <p>When our company was founded</p>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title">
              <span><span data-percentage="347">347</span></span>
              <p>Bottles of bear per month</p>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title">
              <span><span data-percentage="20">20</span>K</span>
              <p>Lines of code has been written</p>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title">
              <span><span data-percentage="80">80</span>%</span>
              <p>Of our people use iphone</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section section-padding-small  full-width-alternate style2 section-bottom-padding-no">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="content-left span6">
          <div class="inner-content">
            <div class="image"> <img src="images/browserwith-mobilel.png" class="aligncenter" alt=""> </div>
          </div>
        </div>
        <div class="content-right span6">
          <div class="inner-content">
            <div class="gap"></div>
            <h2 class="textuppercase">
              <span> core features of blandes</span>
            </h2>
            <div class="hr border-tiny double-border alignleft"></div>
            <p>Blandes is Created with modern devices and browsers in mind and employs the cutting edge HTML , Css and Javascript technologies.It is full resposnive so your content will look great on each and every device.</p>
            <div class="row-fluid">
              <div class="span6">
                <ul class="styled-list">
                  <li><i class="icon-arrow-right8"></i>Advance Admin Panel</li>
                  <li><i class="icon-arrow-right8"></i>Responsive layout</li>
                  <li><i class="icon-arrow-right8"></i>Backend color picker</li>
                  <li><i class="icon-arrow-right8"></i>Fully out of box solution</li>
                  <li><i class="icon-arrow-right8"></i>Multiple Headers</li>
                </ul>
              </div>
              <div class="span6">
                <ul class="styled-list">
                  <li><i class="icon-arrow-right8"></i>visual shortcode editor</li>
                  <li><i class="icon-arrow-right8"></i>Retina ready</li>
                  <li><i class="icon-arrow-right8"></i>Font Awesome icons</li>
                  <li><i class="icon-arrow-right8"></i>Incridbly Flexible </li>
                  <li><i class="icon-arrow-right8"></i> Easy to customize</li>
                </ul>
              </div>
            </div>
            <div class="hr border-tiny double-border alignleft margin-large"></div>
            <a class="button" href="#">Buy Now</a> </div>
            <div class="gap extra-large"></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section section-border-yes section-grey" >
  <div class="container">
    <div class="row-fluid ">
      <h2 class="textcenter textuppercase title">
        <span>what people say about us</span>
      </h2>
      <div class="hr aligncenter double-border  border-tiny"></div>
      <div class="row-fluid style2 testimonial-grid bottom-margin-no">
        <div class="span6 testimonial-grid-item">
          <div class="inner-content  vertical-padding-large ">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sam Mandis" >
              <blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elict  Aene commodo ligula eget dolor aenean massa Nulla conse mass quis enim Donec pede justo In enim justo, rhoncus imperd  venenatis vitae justo. </blockquote>
              <div class="author-info">
                <span class="name"> Sam mandis</span>
                <span class="divider">/</span>
                <span class="company"> CEO of <a href="#" class="">example.com</a></span>
              </div>
            </div>
          </div>
        </div>
        <div class="span6 testimonial-grid-item">
          <div class="inner-content  vertical-padding-large ">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sara Mandis" >
              <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elict  Aene commodo ligula eget dolor aenean massa Nulla conse massa quis enim Donec pede justo In enim justo, rhoncus imperdiet  venenatis vitae</blockquote>
              <div class="author-info">
                <span class="name"> Sara mandis</span>
                <span class="divider">/</span>
                <span class="company"> Director of <a href="#" class="">example.com</a></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <h6 class="title style3">
        <span>our clients</span>
      </h6>
      <div class="gap small"></div>
      <div class="clients-wrapper">
        <ul class="clients carousel-items" data-columns="6" data-autoplay="false">
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png"  alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png"  alt=""> </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt=""> </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt=""> </a> </li>
        </ul>
      </div>
      <div class="gap large"></div>
    </div>
  </div>
</section>

<section class="section section-padding-large">
  <div class="container">
    <div class="row-fluid">
      <div class="stunning_text">
        <div class="big-title">
          <div>
            <h4 class="first-title">
              <span>See our</span>
            </h4>
            <span>recent work</span>
            <h4 class="last-title">
              <span>Portfolio 3 column</span>
            </h4>
          </div>
        </div>
      </div>
      <div class="portfolio-tabs clearfix">
        <ul class="clearfix">
          <li class="active"><a data-filter="*" href="#">All</a></li>
          <li><a data-filter=".animation" href="#">Animation</a></li>
          <li><a data-filter=".architecture" href="#">Architecture</a></li>
          <li><a data-filter=".creative" href="#">Creative</a></li>
          <li><a data-filter=".illustration" href="#">Illustration</a></li>
          <li><a data-filter=".web" href="#">Web</a></li>
        </ul>
      </div>
      <div class="portfolio">
        <ul  class="portfolio-items portfolio-style1 filterable-items row-fluid style2" data-columns="4">
          <li class="portfolio-item span3 architecture creative illustration first-row">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with preview image" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">simple project with  image</a></h4>
                <h5> <a href="#" rel="tag">Creative</a>, <a href="#" rel="tag">Illustration</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 illustration web  first-row">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with preview video" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">simple project with  video</a></h4>
                <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 architecture creative first-row ">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with gallery" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">simple project with gallery</a></h4>
                <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Creative</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 illustration web first-row ">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with image" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">simple project with image</a></h4>
                <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 architecture illustration  last-row">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="adipiscing nisi in nulla ornare" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">adipiscing nisi  nulla ornare</a></h4>
                <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Illustration</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 animation architecture  last-row">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="consectetur adipiscing  Nulla posuere" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">consectetur adipiscing  Nulla </a></h4>
                <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Architecture</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 animation illustration  last-row">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="Duis non erat arcu  quis auctor" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">Duis non erat arcu   auctor</a></h4>
                <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Illustration</a></h5>
              </div>
            </div>
          </li>
          <li class="portfolio-item span3 creative  last-row">
            <div class="inner-content">
              <div class="image hoverlay"><img src="./images/portfolio-medium.jpg" alt="Velit sit amet purus" />
                <div class="overlay"> <a class="icon prettyPhoto" href="./images/portfolio-medium.jpg"   ><i class="icon-blandes-search"></i></a>
                  <div class="overlay-content"> </div>
                </div>
              </div>
              <div class="info">
                <h4><a href="#">Velit sit amet purus</a></h4>
                <h5><a href="#" rel="tag">Architecture</a> , <a href="#" rel="tag">Creative</a></h5>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<section class="section full-width section-padding-zero ">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid teaser-boxes without-padding">
        <div class="span4"> <a class="teaser" href="#">
          <div class="image"> <img src="images/teaser.jpg" alt="">
            <div class="teaser-overlay"></div>
            <div class="info">
              <h3>Ultra Responsive Layout</h3>
              <p>Accusantium quam ultricies eget temp id </p>
            </div>
          </div>
          </a> </div>
        <div class="span4"> <a  href="#" class="teaser">
          <div class="image"> <img src="images/teaser.jpg" alt="">
            <div class="teaser-overlay"></div>
            <div class="info">
              <h3>Fully Out of Box solution</h3>
              <p>Accusantium quam ultricies eget temp id </p>
            </div>
          </div>
          </a> </div>
        <div class="span4"> <a  href="#" class="teaser">
          <div class="image"> <img src="images/teaser.jpg" alt="">
            <div class="teaser-overlay"></div>
            <div class="info">
              <h3>Loaded with Awesome features</h3>
              <p>Accusantium quam ultricies eget temp id </p>
            </div>
          </div>
          </a> </div>
      </div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="http://localhost/lautus/?p=2355" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2346" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2343" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div> <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="http://localhost/lautus/?feed=rss2" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>